/*-----------------------------global-----------------------------*/
.clear	{	clear:both;	}
/*-----------------------------top band elements-----------------------------*/
a img{border:0 solid black;}

.top_band {
	background:url(../images/top_bg2.jpg);	
	position: relative;
	height: 150px;
	width: 100%;
}
.header2{ height:150px; background:url(../images/top_bg2.jpg);
}
.top_band .container{ background:url(../images/logo.jpg) 0 0 no-repeat; height:150px; margin-top:-71px;}
.container {
	margin:0 auto;
	position:relative;
	width: 960px;
	z-index: 2;
}
.logo {
	background-repeat: no-repeat;
	position: absolute;
	height: 150px;
	width: 321px;
	float: left;
}
.nav_container{
	float: right;
	position: relative;
	z-index: 2;
	top: 120px;
	color: #FFFFFF;
	right: 0px;
	margin-right:20px;
}
.nav_link{
	font-family: Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 14px;
	color: #fff;
	padding-left: 20px;
	text-decoration: none;
	font-weight:bold;
	
}
.nav_link:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

/*-----------------------------banner band elements-----------------------------*/
.banner_band {
	background-image: url(../images/banner_home_bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	height: 280px;
	width: 100%;
	
}
.content2 p{text-indent:2em; line-height:25px;}
/*-----------------------------middle band elements-----------------------------*/
.home_middle_content{
	padding:0px;
	margin:0px;
	height: 391px;
	z-index: 5;
	
}
.left_box_container{
	float:left;
	width: 301px;
	padding: 10px 0;
	
}
.middle_box_container{
	float:left;
	width: 301px;
	padding: 10px 0;
	margin-left:25px;
	padding-left:25px;
	background: url(../images/vertical_divider.jpg) top left repeat-y;
}
.right_box_container{
	float:left;
	width: 235px;
	margin-left:15px;
	padding: 10px 0;
	overflow:hidden;
	padding-left:15px;
	background: url(../images/vertical_divider.jpg) top left repeat-y;
}

.other_left_box{
	position: absolute;
	width: 592px;
	top: 34px;
}
.other_left_box2{
	position: relative;
	width: 592px;
	top: 380px;
}
.other_left_box3{
	position: absolute;
	width: 592px;
	top: 180px;
}
.other_right_box1{
	position: absolute;
	width: 271px;
	top: 34px;
	left: 647px;
}
.other_right_box2{
	position: relative;
	width: 271px;
	top: 193px;
	left: 647px;
}
.other_right_box3{
	position: relative;
	width: 271px;
	top: 193px;
	left: 647px;
}
.other_right_box4{
	position: absolute;
	width: 271px;
	top: 34px;
	left: 647px;
}
.other_right_box5{
	position: relative;
	width: 271px;
	top: 224px;
	left: 647px;
}
.other_right_box6{
	position: relative;
	width: 271px;
	top: 254px;
	left: 647px;
}
.blog_left_box{
	position: absolute;
	width: 400px;
	left: 195px;
	top: 7px;
}
.content_header{
	color:#fff;
	font: bolder 20px "Decker", Arial, Helvetica, sans-serif;
	padding-bottom: 14px;
	background:url(../images/column.jpg) 0 0 repeat-x;
	padding:3px 0 2px 5px ;
	height:25px;
	
}

.content{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #212121;
}
.testimonials_2{
	color: #5d7b85;
	font: italic 16px "CALIBRI", Arial, Helvetica, sans-serif;
}
.vertical_divider_1{
	background-image: url(../images/vertical_divider.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 20px;
	z-index: 3;
	height: 279px;
	width: 3px;
	left: 294px;
}
.vertical_divider_2{
	background-image: url(../images/vertical_divider.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 20px;
	z-index: 3;
	height: 279px;
	width: 3px;
	left: 620px;
}
.vertical_divider_3{
	background-image: url(../images/vertical_divider.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 25px;
	z-index: 3;
	height: 666px;
	width: 3px;
	left: 620px;
}
.vertical_divider_4{
	background-image: url(../images/vertical_divider.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 25px;
	z-index: 3;
	height: 540px;
	width: 3px;
	left: 620px;
}
.vertical_divider_5{
	background-image: url(../images/vertical_divider.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 25px;
	z-index: 3;
	height: 850px;
	width: 3px;
	left: 620px;
}

.vertical_divider_6{
	background-image: url(../images/vertical_divider.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 25px;
	z-index: 3;
	height: 1080px;
	width: 3px;
	left: 620px;
}
.vertical_divider_7{
	background-image: url(../images/vertical_divider.jpg);
	background-repeat: repeat-y;
	position: absolute;
	top: 25px;
	z-index: 3;
	height: 450px;
	width: 3px;
	left: 620px;
}
.browser_img{
	background-image: url(../images/browser_img.jpg);
	background-repeat: no-repeat;
	height: 61px;
	width: 269px;
	position: relative;
	margin-top: 20px;
}
.read_more_btn_container{
	position: relative;
	height: 25px;
	width: 100px;
	margin-top:10px;
}
.twitter_feed{
	width: 266px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b6cbce;
	font-family: Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #212121;
	line-height: 20px;
	padding-bottom: 8px;
	padding-top: 6px;
}
.sty-list2{width:900px; border:0 solid #666;}
.sty-list2 .blue_link{ text-decoration:underline;}
.sty-t-right{width: 211px;}
.portfolio_img_description{
	width: 266px;
	font-family: Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #212121;
	line-height: 20px;
	margin-top: -18px;
	margin-bottom: 18px;
}

.horizontal_divider_1{
	width: 592px;
	position: relative;
	background-image: url(../images/divider.jpg);
	background-repeat: repeat-x;
	height: 2px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.horizontal_divider_2{
	width: 269px;
	position: relative;
	background-image: url(../images/divider.jpg);
	background-repeat: repeat-x;
	height: 2px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.horizontal_divider_3{
	width: 916px;
	position: relative;
	background-image: url(../images/divider.jpg);
	background-repeat: repeat-x;
	height: 2px;
	margin-top: 6px;
	margin-bottom: 6px;
}
.horizontal_divider_4{
	width: 590px;
	position: absolute;
	background-image: url(../images/divider.jpg);
	background-repeat: repeat-x;
	height: 2px;
	top: 250px;
}
.right_band_links{
	font-family: Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	float: left;
	height: 25px;
	padding-right: 10px;
	padding-left: 9px;
	padding-top: 7px;
	background-color: #ffffff;
	margin-right: 5px;
	width: 250px;
	border-bottom: 1px solid #dbdfe0;
}
.right_band_links:hover{
	text-decoration: none;
	background-color: #f1f5f6;
}
.header_1{
	font-family: Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 14px;
	font-weight: bold;
	color: #212121;
}
.header_2{
	color:#7f9aa3;
	font: bold 26px "Decker", Arial, Helvetica, sans-serif;
	padding-bottom: 10px;
	position: relative;
}
.about_img_frame{
	background-image: url(../images/about_img_frame.png);
	background-repeat: no-repeat;
	height: 96px;
	width: 594px;
	position: relative;
	padding-top: 13px;
	padding-left: 5px;
	margin-top: 20px;
}
.services_img_frame{
	background-image: url(../images/services_img_frame.png);
	background-repeat: no-repeat;
	height: 77px;
	width: 268px;
	position: relative;
	padding-top: 9px;
	padding-left: 5px;
	margin-top: 10px;
}
.portfolio_img_frame{
	background-image: url(../images/portfolio_img_frame.png);
	background-repeat: no-repeat;
	height: 204px;
	width: 268px;
	position: relative;
	padding-top: 18px;
	padding-left: 5px;
}
.map_img_frame{
	background-image: url(../images/map_img_frame.png);
	background-repeat: no-repeat;
	height: 243px;
	width: 271px;
	position: relative;
	padding-top: 18px;
	padding-left: 5px;
}
.blog_img_frame{
	background-image: url(../images/blog_img_frame.png);
	background-repeat: no-repeat;
	height: 170px;
	width: 195px;
	position: relative;
	padding-top: 17px;
	padding-left: 5px;
}
.pagination_holder{
	height: 25px;
	width: 300px;
	position: absolute;
	z-index: 6;
	top: 1000px;
	left: 739px;
}
a.pagination{
	font-family: Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	float: left;
	height: 22px;
	padding-right: 10px;
	padding-left: 9px;
	padding-top: 5px;
	background-color: #f1f5f6;
	border: 1px solid #dbdfe0;
	margin-right: 5px;
}
a.pagination:hover{
	text-decoration: none;
	color: #ffffff;
	border: 1px solid #2188b6;
	background-image: url(../images/pagination_btn_bg.jpg);
	background-repeat: repeat-x;
}
.categories_holder{
	height: 25px;
	width: 500px;
	position: absolute;
	z-index: 6;
	top: 41px;
	left: 539px;
}

.blog_post_date{
	font-family: Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #000000;
	float: left;
	height: 20px;
	padding-left: 7px;
	padding-right: 9px;
	background-color: #f1f5f6;
	border: 1px solid #dbdfe0;
	padding-top: 3px;
}
/*-----------------------------footer band elements-----------------------------*/

.main_bg_highlight{
	background-image: url(../images/main_bg_highlight.jpg);
	background-repeat: repeat-x;
	height: 55px;
	width: auto;
	position: relative;
}
.footer_bg{
	background-image: url(../images/footer_bg.jpg);
	background-repeat: repeat;
	width: 100%;
	position: relative;
	height: 215px;
}
.footer_left_container{
	position: absolute;
	width: 271px;
	top: 44px;
}
.footer_middle_container{
	position: absolute;
	width: 271px;
	top: 44px;
	left: 321px;
}
.footer_right_container{
	position: absolute;
	width: 271px;
	top: 44px;
	left: 647px;
}
.footer_header{
	color:#ffffff;
	font: normal 26px "Decker", Arial, Helvetica, sans-serif;
	padding-bottom: 14px;
}
.footer_content{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #7f9aa3;
}
.connect_content{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #7f9aa3;
	width: 195px;
}
.cup_icon{
	background-image: url(../images/cup_icon.png);
	background-repeat: no-repeat;
	height: 104px;
	width: 74px;
	position: absolute;
	top: 0px;
	left: 201px;
}
.phone_number{
	color:#d5e4e6;
	font: normal 24px "Decker", Arial, Helvetica, sans-serif;
}
.blue_link{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	background:url(../images/list-dot.gif) center left no-repeat;
	padding:0px 0px 0px 10px;
}
.blue_link:hover{
	color:#2088b6;
	
}
.blue_link_large{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2088b6;
	text-decoration: none;
	font-weight: bold;
}
.download_link_position{
	position: relative;
	left: 55px;
	top: -22px;
}
.blue_link_large:hover{
	text-decoration: underline;
}
.white_text{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
}

/*-----------------------------copyright band elements-----------------------------*/

.copyright_band_bg{
	background-image: url(../images/copyright_band_bg.jpg);
	background-repeat: repeat;
	height: 25px;
	width: auto;
	clear:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2c484c;
	padding-top:5px;
	
}
.copyright_content{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7f9aa3;
	
	
}
.be_our_friend_content{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7f9aa3;
	position: absolute;
	top: 28px;
	left: 746px;
}
.twitter_icon{
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	position: absolute;
	top: 24px;
	left: 829px;
}
.flickr_icon{
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	position: absolute;
	top: 24px;
	left: 862px;
}
.facebook_icon{
	background-repeat: no-repeat;
	height: 24px;
	width: 24px;
	position: absolute;
	top: 24px;
	left: 895px;
}

/*-----------------------------------homepage slider---------------------------------------*/
.position{
	position: absolute;
	left: 535px;
	top: 42px;
	z-index: 7;
}
.slider_btn_position{
	position: relative;
	left: -100px;
	top: 60px;
}
#box4{
	position:absolute;
}
#box4 div{
	width:346px;
	height:220px;
	float:left;
	background:#eee;
}

#box4 img{
	float:left;
}


/* ********************************** */

.mask3{
	position:relative;
	width:346px;
	height:220px;
	overflow:hidden;
}
/*-----------------------------contact form elements-----------------------------*/

.contact_subject{
	font-family: Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #212121;
	position: absolute;
	font-weight: normal;
	line-height: 20px;
}
.text_field{
	background-image: url(../images/text_field_prop.jpg);
	background-repeat: repeat-x;
	height: 21px;
	border: 1px solid #b5c9ce;
	position: relative;
	left: 160px;
	width: 350px;
	padding-top: 5px;
	padding-left: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #999999;
}
.text_area{
	background-image: url(../images/text_field_prop.jpg);
	background-repeat: repeat-x;
	border: 1px solid #b5c9ce;
	position: relative;
	left: 160px;
	width: 350px;
	padding-top: 5px;
	padding-left: 5px;
	font-family: Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #999999;
}

.search {
	position:absolute;
	left: 670px;
	top:37px;
	width:273px;
	height:40px;
}
.search_input {
	padding-left: 5px;
	position:absolute;
	width:239px;
	left:7px;
	top:-5px;
	height: 29px;
	background-image: url(../images/search_bg.jpg);
	border: 1px solid #7b979f;
	font-family: Geneva, Arial, Helvetica, sans-serif, Decker;
	font-size: 12px;
	color: #999999;
}
.search-go {
	position:absolute;
	left: 220px;
	top: -5px;
}
.focusPic{width:875px; height:315px; margin:0 auto; clear:both; text-align:center; padding:10px 10px 10px 10px;border:1px solid #333; }
.focusPic ul{margin:0;padding:0;border:0}
.focusPic .focusTitle{width:300px; float:right; font-size:14px; text-align:left;}
.focusPic .focusTitle li{height:28px; line-height:28px;  cursor:pointer; font-size:14px; margin:0 auto 0 10px;overflow:hidden;}
.focusPic #focusMenu li.active{background-position:0 -29px; font-weight:bold;}
.focusPic #focusLeft{width:530px; height:315px; overflow:hidden; float:left;}
#focusMenu li a{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333;
	text-decoration: none;
	background:url(../images/list-dot.gif) center left no-repeat;
	padding:0px 0px 0px 10px;
}
#focusMenu li a:hover{
	color:#2088b6;	
}

.QQarea {BORDER: #d8d8d8 1px solid;BORDER-TOP: #003795 2px solid; MARGIN-BOTTOM: 8px;  WIDTH: 648px;}
.QQarea UL{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px}
.QQnav {BACKGROUND: #fafafa; WIDTH: 100%; LINE-HEIGHT: 28px; BORDER-BOTTOM: #d8d8d8 1px solid; HEIGHT: 28px}
.QQnav H2{FONT-SIZE: 14px; TEXT-INDENT: 17px;FLOAT: left;margin-top:0;}
.QQnavbar{FLOAT: right; OVERFLOW: hidden; WIDTH: 86px; MARGIN-RIGHT: 18px; PADDING-TOP: 6px; ZOOM: 1; HEIGHT: 22px; _display: inline}
.QQnavbar LI {list-style:none;MARGIN-TOP: 5px; BACKGROUND: url(images/QQsplit.png) no-repeat -165px -112px; FLOAT: left; MARGIN-LEFT: 3px; WIDTH: 6px; CURSOR: pointer; HEIGHT: 6px; _display: inline}
.QQnavbar LI.active {BACKGROUND: url(images/QQsplit.png) no-repeat -165px -86px}
.QQbed {PADDING-LEFT: 19px; BACKGROUND: #fafcff; PADDING-BOTTOM: 0px; WIDTH: 629px; PADDING-TOP: 5px}
.QQbed LI {FLOAT: left; WIDTH: 208px;position:relative;}
#QQpre {BACKGROUND: url(images/QQsplit.png) no-repeat -151px -60px; FLOAT: left; WIDTH: 20px; CURSOR: pointer; MARGIN-RIGHT: 8px; HEIGHT: 15px; _display: inline}
#QQnext {BACKGROUND: url(images/QQsplit.png) no-repeat -151px -131px; FLOAT: right; WIDTH: 20px; CURSOR: pointer; HEIGHT: 15px}
#QQMarquee {OVERFLOW: hidden; WIDTH: 624px; ZOOM: 1; HEIGHT: 135px;left:-10px;POSITION:relative;}
#QQMarqueeCoutent IMG {BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid}
#QQMarqueeCoutent .link {DISPLAY: block; MARGIN-LEFT: 0px; WIDTH: 206px; TEXT-ALIGN: center;font-size:12px;line-height:22px;}
#QQMarqueeCoutent A:link {COLOR: #0b3b8c; TEXT-DECORATION: none}
#QQMarqueeCoutent A:visited {COLOR: #0b3b8c; TEXT-DECORATION: none}
#QQMarqueeCoutent A:hover {COLOR: #0b3b8c; TEXT-DECORATION: underline}
#QQMarqueeCoutent A:active {COLOR: #0b3b8c; TEXT-DECORATION: underline}

#JINGDONGNumID{ position:absolute; bottom:5px; right:5px;}
#JINGDONGNumID li{list-style:none;float:left;width:18px;height:16px;FILTER:alpha(opacity=80);opacity:0.8;border:1px solid #D00000;background-color:#FFFFFF;color:#D00000;text-align:center;cursor:pointer;margin-right:4px;padding-top:2px;overflow:hidden;}
#JINGDONGNumID li:hover,#JINGDONGNumID li.active{border:1px solid #D00000;background-color:#FF0000;color:#FFFFFF;width:22px;height:18px;font-weight:bold;font-size:13px;}
.list_top{ width:245px;height:135px;padding-left:0px; overflow:hidden; }
.list_top .Empty{ width:40px; height:40px; float:left;}
.hot{ overflow: hidden; width: 200px; height: 130px; position: relative; }
.hot ul{ width:720px; height:30px; overflow:hidden; margin:0;padding:0;}
.hot ul li{width:200px;height:30px; float:left; margin-right:0px; line-height:30px; }
.sty-list{background:url(../images/list1.png) 0 0 no-repeat; height:25px; padding-left:35px; padding-top:3px; color:white; display:block;}
.top-bg{background:url(images/top_bg.jpg) 0 0 no-repeat; height:71px; width:100%;position: relative;}
.mainframe{float:left; background:#F1FAFA; padding:20px 10px; width:940px;}
.leftframe{float:left; width:653px;}
.main-bg{background:#F1FAFA; float:left; width:940}
.img-f1{float:left; width:640px; margin:10px 0px;}
.img-f2{overflow:hidden;width:640px;height:150px;position:relative;clear:both;border:1px solid #000000;background-color:#ffffff;}
#ulid{padding: 0px; border: 0px; font-size: 0px; line-height: 1.15; display: inline-block; margin: 0px; list-style: none; height: 360px; width: 200px; }
.sty-list-none{background:none; padding:0;}
